@CHARSET "UTF-8";
#content {
   margin: auto;
   padding: auto;
   position: relative;
   width: 1020px;
   height: 1195px;
   background: url("index_background.jpg") no-repeat;
}
#logoDiv {
   width: 200px;
   height: 200px;
   margin-left: 720px;
   margin-top: 120px;
}
#orderDiv {
   position: relative;
   left: 260px;
   top: -90px;
   width: 656px;
   height: 601px;
   max-width: 656px;
   max-height: 601px;
   background: url("order_background.gif") no-repeat;
   padding-top: 90px;
}
#orderContent {
   font-size: 15px;
   font-weight: bold;
   position: relative;
   width: 620px;
   height: 430px;
   margin: 20px;
   overflow-x: hidden;
   overflow-y: auto;
}
#orderButtonDiv {
   position: absolute;
   display: block;
   width: 135px;
   height: 133px;
   left: -67px;
}
#orderButtonDiv ul {
   width: 100%;
   margin-left: 0px;
   padding-left: 0px;
}
#orderButtonDiv ul li {
   float: left;
}
#reviewBtn, #orderBtn {
   width: 67px;
   height: 133px;
   border: none;
   cursor: hand;
}
#reviewBtn {
   background: url("order_button1.gif") no-repeat;
}
#orderBtn {
   background: url("order_button2.gif") no-repeat;
}
#customerInfoDiv, #orderedInfoDiv {
   font-size: 13px;
   margin: auto;
   background: rgb(223, 236, 242);
   position: absolute;
   border: outset;
   top: 400px;
   left: 50px;
   width: 450px;
   height: 200px;
   max-width: 450px;
   max-height: 200px;
}
.snackView {
   margin: 0px;
   width: 200px;
   height: 225px;
   background: url("ink_background.gif") no-repeat center top;
   float: left;
}
.snackView div {
   display: block;
   weight: 100%;
   text-align: center;
}
.snackView .snackImg {
   height: 122px;
}
.snackView .namePrice, .snackView .snackCount {
   height: 50px;
   line-height: 50px;
}
.snackView .namePrice .nameDiv, .snackView .namePrice .priceDiv {
}
.snackView .nameDiv {
   width: 65%;
   float: left;
}
.snackView .priceDiv {
   width: 25%;
   float: right;
}